<!--
 * @description: 
 * @Author: vikingShip
 * @Date: 2022-01-08 19:22:15
 * @LastEditors: vikingShip
 * @LastEditTime: 2022-01-21 13:24:01
-->
<template>
  <div>
    <el-tabs v-model="tagType">
      <el-tab-pane label="商品信息" name="0">
        <keep-alive>
          <GoodForm :from="from" ref="good" :tagType="tagType" />
        </keep-alive>
      </el-tab-pane>
      <!-- <el-tab-pane label="会员价" name="1">
        <MemberSet ref="member" :tagType="tagType"></MemberSet>
      </el-tab-pane>
      <el-tab-pane label="返利设置" name="2">
        <Distribution ref="moneyBack" :tagType="tagType"></Distribution>
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop, Ref } from "vue-property-decorator";
import GoodForm from "./GoodForm/index.js";
import Distribution from "./Distribution.vue";
import MemberSet from "./MemberSet.vue";

@Component({
  components: {
    GoodForm,
    Distribution,
    MemberSet,
  },
})
export default class AddGoodItem extends Vue {
  @Prop({
    type: String,
    default() {
      return "";
    },
  })
  from: any;

  @Ref()
  readonly good: HTMLFormElement;

  @Ref()
  readonly member: HTMLFormElement;

  @Ref()
  readonly moneyBack: HTMLFormElement;

  tagType = "0";
}
</script>
